<template>
  <div id="app" v-cloak>
    <router-view/>
  </div>
</template>
<script>




</script>
<style>
body{
  overflow: hidden;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  width:100vw;
  height: 100vh;

}

[v-cloak]{
  display: none;
}
*{
  margin: 0;
  padding: 0;
  list-style: none;
}
      @media screen and (min-width: 320px) {
          html {font-size: 14px;}
      }

      @media screen and (min-width: 360px) {
          html {font-size: 16px;}
      }

      @media screen and (min-width: 400px) {
          html {font-size: 18px;}
      }

      @media screen and (min-width: 440px) {
          html {font-size: 20px;}
      }

      @media screen and (min-width: 480px) {
          html {font-size: 22px;}
      }

      @media screen and (min-width: 640px) {
          html {font-size: 28px;}
      }
  
</style>
